Skip to main content

Image

Usage

import { Image } from '@universal-labs/primitives' 

// inside your component
// ...
<Image className='object-cover h-48 w-96 ...' src='/my-source.png' ref='1' />

Api

propvaluesdescription
classNamestringTailwindCSS class
srcstringSource of the image
refstringReact ref

Example

import { Image } from '@universal-labs/primitives'

const MyComponent = () => {
return (
<div className='bg-indigo-300'>
<Image className='object-cover h-48 w-96' src='/my-source.png' ref='1' />
</div>
)
}

export default MyComponent